<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Django Crm</title>
  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
</head>

<body
  style="width:100% !important; margin:0 !important; padding:0 !important; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;font-size:12px; font-family: 'Roboto', sans-serif;color: #45586d; background: #fff; ">
  <table cellpadding="0" cellspacing="0" border="0" id="backgroundTable"
    style="height:auto !important; margin:0; padding:0; width:100% !important; font-family: 'Roboto', sans-serif;color: #45586d; background: #fff;">
    <tr>
      <td>
        <table id="contenttable" width="800" align="center" cellpadding="0" cellspacing="0" border="0"
          style="font-family: 'Roboto', sans-serif;color: #45586d; background: #dfdede; margin-top:0 !important; margin-right: auto !important; margin-bottom:0 !important; margin-left: auto !important; border:none; width: 100% !important; max-width:800px !important;border: 1px solid #ddd !important;">
          <tr>
            <td style="padding: 20px;">
              <table style="width:800px;background:#fff;padding:0;" cellpadding="0" cellspacing="0">
                <tr>
                  <td style="padding: 45px 15px;text-align: center;color: #2f5375; font-weight: 500; font-size: 48px;">
                    <span>DjangoCrm</span>
                  </td>
                </tr>

                <tr>
                  <td style="text-align:center;font-weight: 300;color:#03759a;font-size:30px;padding-top:15px;">
                    

                    {% block heading %}
                    Lorem ipsum dolor sit, amet consectetur adipisicing elit. Cum exercitationem placeat assumenda aspernatur nam ut odit omnis harum dicta laboriosam.
                    {% endblock heading %}

                  </td>
                </tr>

                <tr>
                  <td style="text-align:center;font-weight: 300;padding:25px 75px;color:#000;font-size:18px;">
                    

                    {% block content_body %}
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima repellat dolores quaerat minus consequuntur quos alias illo nesciunt iure quod.
                    {% endblock content_body %}

                  </td>
                </tr>

                <tr>
                  <td style="text-align:center;padding: 15px 0;">
                    
                    {% block button_link %}
                    


                    {% endblock button_link %}

                    </a>
                  </td>
                </tr>

                <tr>
                  <td style="text-align:center;padding: 15px 0;">
                    {% block extra_content %}

                    {% endblock extra_content %}
                  </td>
                </tr>
                

                

                <tr>
                  <td style="background: #f8f8f8;padding:25px 0; text-align: center;">
                    
                    
                  </td>
                </tr>

              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>

</body>

</html>